<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>我的任务</title>
	<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="./css/htmleaf-demo.css">
	<link rel="stylesheet" href="./css/nav.css">
	<link rel="stylesheet" href="./css/myplan.css">
	<script src="./js/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/mockjs@1.1.0/dist/mock.min.js"></script>
    <script src="./js/global-axios.js"></script>
    <script src="./js/qs.js"></script>
</head>

<body>
	<div class="plan-content">
		<div class="panel-group" id="accordion">
			<div class="panel">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="" class="biao">
							计划任务管理
						</a>
					</h4>
				</div>

			</div>
			<div class="panel">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
							数据中心
						</a>
					</h4>
				</div>
				<div id="collapseThree" class="panel-collapse collapse">
					<ul>
						<li class="biao"><a href="#">所有数据</a></li>
						<li class="biao"><a href="#">待审核数据</a></li>
						<li class="biao"><a href="#">不通过在审核</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="yuyecontent">
			<div class="plan-control">
				<div class="plan-control-top">
					<ul>
						<li><a href="">渔业资源管理系统</a></li>
						<li>/</li>
						<li><a href="">计划任务管理系统</a></li>
						<li>/</li>
						<li><a href="">计划任务管理</a></li>
						<li> </li>
					</ul>
				</div>
				<hr>
				<form action="" class="form-control plan-control-nav" id="plan">
					<label for="renwu" class="label-control sureName">任务名称
						<input type="text" class="form-control" id="renwu"><span>0/20</span>
					</label>
					<label for="renwu" class="label-control">任务名称
						<select class="form-control selectpicker" id="">
							<option value="" hidden selected disabled>请选择任务1</option>
							<option value="">请选择任务</option>
							<option value="">请选择任务</option>
						</select>
					</label>
					<button type="submit" class="btn btn-primary">查询</button>
					<button type="reset" class="btn">重置</button>
				</form>
				<form action="" class="form-control plan-control-nav" id="data">
					<label for="renwu" class="label-control sureName">任务名称
						<input type="text" class="form-control" id="renwu"><span>0/20</span>
					</label>
					<label for="renwu" class="label-control">任务名称
						<select class="form-control select" id="">
							<option value="" hidden selected disabled>请选择任务1</option>
							<option value="">请选择任务</option>
							<option value="">请选择任务</option>
						</select>
					</label>
					<button type="submit" class="btn btn-primary">查询</button>
					<button type="reset" class="btn">重置</button>
				</form>
				<div class="contentBd">
					<div class="findRw">
						<div class="findRwdiv">
							<input type="text" class="form-control">
							<button class="btn btn-primary">搜索</button>
						</div>
						<hr>
						<ul>
							<li>请选择任务</li>
							<li>
								<p class="form-control">1-里水镇采集01/373</p><button class="btn btn-muted">未选择</button>
							</li>
						</ul>
					</div>
					<div class="zongbd">
						<div class="biaodan showone">
							<div class="htmleaf-container">
								<div class="showone">
									<div class="row">
										<div class="col-md-12">
											<div class="table-responsive">
												<table class="table table-bordered table-striped table-hover"
													>
													<thead>
														<tr>
															<td>id萨达萨达所</td>
															<td>任务计划名称</td>
															<td>开始时间</td>
															<td>结束时间</td>
															<td>任务状态</td>
															<td>计划要求</td>
														</tr>
													</thead>
													<tbody>
														
													</tbody>
												</table>
												<div class="page">
													<select class="form-control btn-info" style="width: 120px;margin-right: 15px;">
														<option value="6">显示6页</option>
														<option value="10">显示10页</option>
														<option value="20">显示20页</option>
													</select>
													<div class="nextPage btn btn-info">下一页</div>
													<div class="beforePage btn btn-info">上一页</div>
													<div class="lastPage btn btn-info">最后一页</div>
													<ul class=""></ul>
												</div>
											</div>
										</div>
										<div class="col-md-12" style="padding-bottom:2em;">
											<button class="btn btn-info" id="add"><i class="fa fa-plus"></i>
												添加新的表格行</button>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="biaodan">
							<div class="htmleaf-container">
								<div class="">
									<div class="row">
										<div class="col-md-12">
											<div class="table-responsive">
												<table class="table table-bordered table-striped table-hover"
													id="mytable">
													<thead>
														<tr>
															<td><label for="Uall">全选<input type="checkbox"></label></td>
															<td>图斑ID</td>
															<td>所在任务</td>
															<td>地塘块命名</td>
															<td>镇街</td>
															<td>村居</td>
															<td>面积</td>
															<td>采集状况</td>
															<td>审核状态</td>
															<td>审核人</td>
															<td>审核时间</td>
															<td>审核人审核时间操作</td>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td><input type="checkbox"></td>
															<td>NHQ15302</td>
															<td>西樵镇数据采集08231141</td>
															<td>西樵镇-上进欧村-鱼塘-150</td>
															<td>西樵镇</td>
															<td>上进欧村</td>
															<td>3.3597</td>
															<td>未采集</td>
															<td>22222</td>
															<td></td>
															<td></td>
															<td class="text-primary audit"><a href="#">审核</a></td>

														</tr>
														<tr>
															<td><input type="checkbox"></td>
															<td>NHQ15302</td>
															<td>西樵镇数据采集08231141</td>
															<td>西樵镇-上进欧村-鱼塘-150</td>
															<td>西樵镇</td>
															<td>上进欧村</td>
															<td>3.3597</td>
															<td>未采集</td>
															<td></td>
															<td></td>
															<td></td>
															<td class="text-primary audit"><a href="#">审核</a></td>

														</tr>
													</tbody>
												</table>
												<div class="page">
													<div class="nextPage btn btn-info">下一页</div>
													<div class="beforePage btn btn-info">上一页</div>
													<div class="lastPage btn btn-info">最后一页</div>
													<ul class=""></ul>
												</div>
											</div>
										</div>
										<div class="col-md-12" style="padding-bottom:2em;">
											<button class="btn btn-info" id="add"><i class="fa fa-plus"></i>
												添加新的表格行</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="biaodan">
							<div class="htmleaf-container">
								<div class="">
									<div class="row">
										<div class="col-md-12">
											<div class="table-responsive">
												<table class="table table-bordered table-striped table-hover"
													id="mytable2">
													<thead>
														<tr>
															<td><label for="Uall">全选<input type="checkbox"></label></td>
															<td>图斑ID</td>
															<td>所在任务</td>
															<td>地塘块命名</td>
															<td>镇街</td>
															<td>村居</td>
															<td>面积</td>
															<td>采集状况</td>
															<td>审核状态</td>
															<td>审核人</td>
															<td>审核时间</td>
															<td>审核人审核时间操作</td>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td><input type="checkbox"></td>
															<td>NHQ15302</td>
															<td>西樵镇数据采集08231141</td>
															<td>西樵镇-上进欧村-鱼塘-150</td>
															<td>西樵镇</td>
															<td>上进欧村</td>
															<td>3.3597</td>
															<td>未采集</td>
															<td>3333</td>
															<td></td>
															<td></td>
															<td class="text-primary audit"><a href="#">审核</a></td>

														</tr>
														<tr>
															<td><input type="checkbox"></td>
															<td>NHQ15302</td>
															<td>西樵镇数据采集08231141</td>
															<td>西樵镇-上进欧村-鱼塘-150</td>
															<td>西樵镇</td>
															<td>上进欧村</td>
															<td>3.3597</td>
															<td>未采集</td>
															<td></td>
															<td></td>
															<td></td>
															<td class="text-primary audit"><a href="#">审核</a></td>
														</tr>
													</tbody>
												</table>
												<div class="page">
													<div class="nextPage btn btn-info">下一页</div>
													<div class="beforePage btn btn-info">上一页</div>
													<div class="lastPage btn btn-info">最后一页</div>
													<ul class=""></ul>
												</div>
											</div>
										</div>
										<div class="col-md-12" style="padding-bottom:2em;">
											<button class="btn btn-info" id="add"><i class="fa fa-plus"></i>
												添加新的表格行</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="biaodan ">
							<div class="htmleaf-container">
								<div class="">
									<div class="row">
										<div class="col-md-12">
											<div class="table-responsive">
												<table class="table table-bordered table-striped table-hover"
													id="mytable3">
													<thead>
														<tr>
															<td><label for="Uall">全选<input type="checkbox"></label></td>
															<td>图斑ID</td>
															<td>所在任务</td>
															<td>地塘块命名</td>
															<td>镇街</td>
															<td>村居</td>
															<td>面积</td>
															<td>采集状况</td>
															<td>审核状态</td>
															<td>审核人</td>
															<td>审核时间</td>
															<td>审核人审核时间操作</td>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td><input type="checkbox"></td>
															<td>NHQ15302</td>
															<td>西樵镇数据采集08231141</td>
															<td>西樵镇-上进欧村-鱼塘-150</td>
															<td>西樵镇</td>
															<td>上进欧村</td>
															<td>3.3597</td>
															<td>未采集</td>
															<td>4444</td>
															<td></td>
															<td></td>
															<td class="text-primary audit"><a href="#">审核</a></td>
														</tr>
														<tr>
															<td><input type="checkbox"></td>
															<td>NHQ15302</td>
															<td>西樵镇数据采集08231141</td>
															<td>西樵镇-上进欧村-鱼塘-150</td>
															<td>西樵镇</td>
															<td>上进欧村</td>
															<td>3.3597</td>
															<td>未采集</td>
															<td>5555</td>
															<td></td>
															<td></td>
															<td class="text-primary audit"><a href="#">审核</a></td>
														</tr>
													</tbody>
												</table>
												<div class="page">
													<div class="nextPage btn btn-info">下一页</div>
													<div class="beforePage btn btn-info">上一页</div>
													<div class="lastPage btn btn-info">最后一页</div>
													<ul class=""></ul>
												</div>
											</div>
										</div>
										<div class="col-md-12" style="padding-bottom:2em;">
											<button class="btn btn-info" id="add"><i class="fa fa-plus"></i>
												添加新的表格行</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog"></div>
    </div>

	<script src="./js/myplan.js"></script>
	<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="./bootstrap-3.4.1-dist/js/bootstrapValidator.min.js"></script>
    <script src="dist/js/vendor/dependencies.js"></script>
	<script type="text/javascript" src="./js/bootsnav.js"></script>
	<script src="./js/modal-box.js"></script>
	<script>	
		getLonger('.sureName input', '.sureName span', 20,10)
		myplanx('.amend','.audit')	
	
	</script>
</body>

</html>